<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<script src="assets/jquery/jquery.min.js"></script>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<title>Scorecard</title>
<style>
.btn-large {
  height: 150px;
  border-radius: 0px;
  border-bottom-right-radius: 100px;
}

.hero-unit {
  text-align: center;
  padding: 30px;
}

.myh {
  font-family: inherit;
  font-weight: bold;
  line-height: 40px;
  text-rendering: optimizelegibility;
}

.h1 {
  font-size: 38px;
}

.h2 {
  font-size: 30px;
}

.h3 {
  font-size: 24px;
}
</style>
<script>
  $(document).ready(function() {
    $('video').on('touchend', function(event) {
      event.preventDefault();
      if (event.target.readyState == 4) {
        if (!event.target.webkitDisplayingFullcreen) {
          event.target.webkitEnterFullscreen();
        } else {
          event.target.webkitCancelFullscreen();
        }
      }
    });
  });
</script>
</head>
<body>
  <div class="container">
    <p class="myp h1">
      <img src="assets/images/logo.png" alt="Banca Popolare di Vicenza" />
    </p>
    <div class="hero-unit">
      <p class="myh h2">Banca d'Europa ha progettato questo strumento per rilevare il livello di soddisfazione dei servizi erogati.</p>
      <p class="myh h3">Gentile cliente, seleziona il tipo di operazione effettuata.</p>
    </div>
    <div class="row">
      <div class="span7">
        <video autoplay="autoplay" loop="loop" style="width: 540px; height: 304px;">
          <source src="assets/videos/bpv.mp4" type="video/mp4" />
        </video>
      </div>
      <div class="span5">
        <form method="get" action="voting.html">
          <button class="myh h3 btn btn-block btn-large btn-primary" type="submit" name="operation" value="counter">Operazione allo sportello</button>
          <button class="myh h3 btn btn-block btn-large btn-info" type="submit" name="operation" value="consulting">Operazione di consulenza</button>
        </form>
      </div>
    </div>
  </div>
</body>
</html>